<template>
	<view class="pay-result">
		<view class="content">
			<view class="title">订单支付成功</view>
			<view class="price">支付金额:{{ price }} 元</view>
		</view>
		<navigator open-type="switchTab" class="btn" url="../../mine/mine">个人中心</navigator>
	</view>
</template>

<script>
export default {
	data() {
		return {
			price: 0
		};
	},

	onLoad(options) {
		this.price = options.price;
	}
};
</script>

<style lang="scss" scoped>
.pay-result {
	height: calc(100vh - 88rpx);
	overflow: hidden;
	.content {
		text-align: center;
		margin-top: 300rpx;
		.title {
			font-size: 48rpx;
		}
		.price {
			font-size: 32rpx;
			margin-top: 10rpx;
		}
	}

	.btn {
		padding: 0 50rpx;
		height: 70rpx;
		line-height: 70rpx;
		text-align: center;
		width: 200rpx;
		border: 2rpx solid #354e44;
		color: #354e44;
		border-radius: 10rpx;
		font-size: 34rpx;
		margin: 400rpx auto;
	}
}
</style>
